<template>
  <Card class="map-card">
    <div>
      <img :src="obj.img"/>
    </div>
    <p>
      {{ obj.title }}
    </p>
    <p>
      <Button type="primary" @click="$router.push({path: obj.path})">查看详情</Button>
    </p>
  </Card>
</template>

<script>
  export default {
    name: "MaintenanMapCard",
    props: {
      obj: {
        Object,
        default: () => {}
      }
    }
  }
</script>

<style lang="less" scoped>
  .map-card {
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    color: #000c17;
    img {
      width: 100%;
      height: 150px;
    }
    p {
      margin-top: 10px;
    }
  }
</style>
